@charset "utf-8"
*{
	margin: 0;
	padding: 0;
	font-family: "";
	font-size: 50px;
}
body{
	background: #f00;
	background-image: url(../img/beijing.jpg) no repeat;
	background-repeat: no-repeat;
	background: url(../img/beijing.jpg);
	background-size: 100% 707px;
	animation: beijing 12s linear infinite;
}
.ziyve{
	width: 200px;
	height: 300px;
	bo rder: 1px solid red;
	background: url(../img/ziyve1.png);
	background-size: 100% 100%;
	position: relative;
	left: -5px;
	top: -10px;
	animation: ziyve 10s linear infinite;
}
.rourou{
	width: 200px;
	height: 300px;
	bo rder: 1px solid red;
	background: url(../img/rourou.png);
	background-size: 100% 100%;
	position: relative;
	left: 50px;
	top: -10px;
	animation: rourou 10s linear infinite;
}
.yvnbao{
	width: 200px;
	height: 300px;
	bo rder: 1px solid red;
	background: url(../img/yvnbao.png);
	background-size: 100% 100%;
	position: relative;
	left: 100px;
	top: -10px;
	animation: yvnbao 10s linear infinite;
}
.pingguojiaer{
	width: 150px;
	height: 300px;
	bo rder: 1px solid red;
	background: url(../img/pingguojiaer.png);
	background-size: 100% 100%;
	position: relative;
	left: -5px;
	top: -10px;
	animation: pingguojiaer 10s linear infinite;
}
.biqi{
	width: 200px;
	height: 300px;
	bo rder: 1px solid red;
	background: url(../img/biqi.png);
	background-size: 100% 100%;
	position: relative;
	left: -5px;
	top: -10px;
	animation: biqi 10s linear infinite;
}
.zhenqi{
	width: 250px;
	height: 300px;
	bo rder: 1px solid red;
	background: url(../img/zhenqi.png);
	background-size: 100% 100%;
	position: relative;
	left: -5px;
	top: -10px;
	animation: zhenqi 10s linear infinite;
}
@keyframes beijing{
	0%{
		background: url(../img/beijing.jpg);
		background-size: 100% 709px;
	}
	43%{
		background: url(../img/beijing2.jpg);
		background-size: 100% 709px;
	}
	100%{
		background: url(../img/beijing3.jpg);
		background-size: 100% 709px;
	}
}
@keyframes ziyve{
	0%{
		left: -5px;
		top: -10px;
	}
	20%{
		left: 10px;
		top: 30px;
		background: url(../img/pony1.png);
		background-size: 100% 100%;
	}
	40%{
		left: 50px;
		background: url(../img/pony2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 100px;
		background: url(../img/pony3.png);
		background-size: 100% 100%;
	}
	80%{
		left: 150px;
		background: url(../img/pony4.png);
		background-size: 100% 100%;
	}
	90%{
		left: 200px;
		background: url(../img/pony5.png);
		background-size: 100% 100%;
		opacity: 1;
	}
	100%{
		left: 200px;
		background: url(../img/pony5.png);
		background-size: 100% 100%;
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes rourou{
	0%{
		left: -5px;
		top: -10px;
	}
	20%{
		left: 10px;
		top: 30px;
		background: url(../img/rourou1.png);
		background-size: 100% 100%;
	}
	40%{
		left: 50px;
		background: url(../img/rourou2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 100px;
		background: url(../img/rourou3.png);
		background-size: 100% 100%;
	}
	80%{
		left: 150px;
		background: url(../img/rourou4.png);
		background-size: 100% 100%;
	}
	90%{
		left: 200px;
		background: url(../img/rourou5.png);
		background-size: 100% 100%;
		opacity: 1;
	}
	100%{
		left: 200px;
		background: url(../img/rourou5.png);
		background-size: 100% 100%;
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes yvnbao{
	0%{
		left: -5px;
		top: -10px;
	}
	20%{
		left: 10px;
		top: 30px;
		background: url(../img/yvnbao1.png);
		background-size: 100% 100%;
	}
	40%{
		left: 50px;
		background: url(../img/yvnbao2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 100px;
		background: url(../img/yvnbao3.png);
		background-size: 100% 100%;
	}
	80%{
		left: 150px;
		background: url(../img/yvnbao4.png);
		background-size: 100% 100%;
	}
	90%{
		left: 200px;
		background: url(../img/yvnbao5.png);
		background-size: 100% 100%;
		opacity: 1;
	}
	100%{
		left: 200px;
		background: url(../img/yvnbao5.png);
		background-size: 100% 100%;
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes pingguojiaer{
	0%{
		left: -5px;
		top: -10px;
	}
	20%{
		left: 10px;
		top: 30px;
		background: url(../img/pgje1.png);
		background-size: 100% 100%;
	}
	40%{
		left: 50px;
		background: url(../img/pgje2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 100px;
		background: url(../img/pgje3.png);
		background-size: 100% 100%;
	}
	80%{
		left: 150px;
		background: url(../img/pgje4.png);
		background-size: 100% 100%;
	}
	90%{
		left: 200px;
		background: url(../img/pgje5.png);
		background-size: 100% 100%;
		opacity: 1;
	}
	100%{
		left: 200px;
		background: url(../img/pgje5.png);
		background-size: 100% 100%;
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes biqi{
	0%{
		left: -5px;
		top: biqi
	}
	20%{
		left: 10px;
		top: 30px;
		background: url(../img/biqi1.png);
		background-size: 100% 100%;
	}
	40%{
		left: 50px;
		background: url(../img/biqi2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 100px;
		background: url(../img/biqi3.png);
		background-size: 100% 100%;
	}
	80%{
		left: 150px;
		background: url(../img/biqi4.png);
		background-size: 100% 100%;
	}
	90%{
		left: 200px;
		background: url(../img/biqi5.png);
		background-size: 100% 100%;
		opacity: 1;
	}
	100%{
		left: 200px;
		background: url(../img/biqi5.png);
		background-size: 100% 100%;
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes zhenqi{
	0%{
		left: -5px;
		top: biqi
	}
	20%{
		left: 10px;
		top: 30px;
		background: url(../img/zhenqi1.png);
		background-size: 100% 100%;
	}
	40%{
		left: 50px;
		background: url(../img/zhenqi2.png);
		background-size: 100% 100%;
	}
	60%{
		left: 100px;
		background: url(../img/zhenqi3.png);
		background-size: 100% 100%;
	}
	80%{
		left: 150px;
		background: url(../img/zhenqi4.png);
		background-size: 100% 100%;
	}
	90%{
		left: 200px;
		background: url(../img/zhenqi5.png);
		background-size: 100% 100%;
		opacity: 1;
	}
	100%{
		left: 200px;
		background: url(../img/zhenqi5.png);
		background-size: 100% 100%;
		opacity: 0;
		visibility: hidden;
	}
}